<div class="container">


  <button class="btn btn-default" (click)="addItem()">Add</button>

  <ul id="filters" class="clearfix">

    <li><span class="filter active" data-filter="app card icon logo web">All</span></li>

    <li><span class="filter" data-filter="app">App</span></li>

    <li><span class="filter" data-filter="card">Card</span></li>

    <li><span class="filter" data-filter="icon">Icon</span></li>

    <li><span class="filter" data-filter="logo">Logo</span></li>

    <li><span class="filter" data-filter="web">Web</span></li>

  </ul>
  <div id="portfoliolist">

    <div *ngFor="let item of dataList" class="portfolio {{item.data_cat}}">

      <div class="portfolio-wrapper">

        <img src="{{item.img}}" alt="" />

        <div class="label">

          <div class="label-text">

            <a class="text-title">{{item.text_title}}</a>

            <span class="text-category">{{item.text_category}}</span>

          </div>

          <div class="label-bg"></div>

        </div>

      </div>

    </div>



  </div>



</div><!-- container -->
